<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" custReport="width=device-width, initial-scale=1.0">
	<meta name="renderer" custReport="webkit">
	<meta http-equiv="X-UA-Compatible" custReport="ie=edge">
	<link href="../../../eui/plugins/layui/css/layui.css" rel="stylesheet" media="all" />
	<link href="../../../eui/css/components.min.css" rel="stylesheet" media="all" />
	<link href="../../../eui/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="all" />
	<style>
	    /* 基本样式 */
	    .container {
	        display: flex;
	        font-family: Arial, sans-serif;
	    }
	
	    .line-numbers {
	        counter-reset: line;
	        flex-shrink: 0;
	        padding: 7px 10px;
	        background-color: #f0f0f0;
	        border-right: 1px solid #ccc;
			display: inline-block;
			line-height:20px;
	    }
	
	    .line-numbers::before {
	        content: counter(line);
	        counter-increment: line;
	        display: inline-block;
	        color: #666;
	    }
	
	    .textarea-container {
	        flex-grow: 1;
	        position: relative;
	    }
	
	    .textarea-container textarea {
	        height: 100%;
	        padding: 5px;
	        border: none;
	        resize: none;
	        font-family: inherit;
	        font-size: inherit;
	    }
		
		.layui-form-item .layui-inline {
		    margin-bottom: 5px;
		    margin-right: 20px;
		}
	</style>
</head>

<body>
	<script src="../../../eui/js/base.js"></script>
	<script src="../../../eui/plugins/layui/layui.js"></script>
	<script src="../../../eui/plugins/jquery.min.js"></script>
	<script src="strategy.js"></script>

	<div class="layui-tab" style="margin: 0px 0;">
		<ul class="layui-tab-title">
			<li class="layui-this" lay-id="dev">策略开发</li>
			<li lay-id="debug">策略调试</li>
		</ul>
		<div class="layui-tab-content" style="padding:3px 0;">
			<div class="layui-tab-item layui-show">
				<div class="layui-tab" style="margin: 0px 0;">
					<ul class="layui-tab-title">
						<li class="layui-this" lay-id="dev">脚本</li>
						<li lay-id="function">函数说明</li>
						<li lay-id="object">对象说明</li>
						<li lay-id="sw">申万行业</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<form id="lForm" class="layui-form layui-form-pane" lay-filter="lForm">
								<input type="hidden" name="id">
								<div class="layui-form-item">								
									<div class="layui-inline" style="width: 20px; height: calc(100vh - 300px);">
										<div class="line-numbers" style="width: 100%; height: 100%;text-align: right; "></div>
									</div>
									<div class="layui-inline" style="width: 95%; height: calc(100vh - 300px);">
										<textarea id="content" name="content" placeholder="请编写策略脚本，采用QLExpress脚本语言编写" class="layui-textarea" style="width: 100%; height: 100%;"></textarea>
									</div>
								</div>
								<div class="layui-form-item" style="padding-top: 20px;text-align: center">
									<div class="layui-inline">									
										<button class="layui-btn layui-btn-normal" lay-submit lay-filter="compile">编译</button>
										<button class="layui-btn" lay-submit lay-filter="save">保存</button>
										<button type="button" class="layui-btn layui-btn-primary"
											onclick="closeCurrentTab()">关闭</button>
									</div>
								</div>
							</form>
						</div>
						<div class="layui-tab-item">
							<iframe src="functions.html" style="width: 100%; height: calc(100vh - 200px);"></iframe>
						</div>
						<div class="layui-tab-item">
							<iframe src="object.html" style="width: 100%; height: calc(100vh - 200px);"></iframe>
						</div>
						<div class="layui-tab-item">
							<iframe src="industry.html" style="width: 100%; height: calc(100vh - 200px);"></iframe>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-tab-item">内容-2</div>
		</div>
	</div>
</body>

</html>